<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>普吉岛后台管理系统</title>
    <link rel="stylesheet" href="../libs/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            height: 100vh;
            display: grid;
            grid-template-columns: 200px auto;
            grid-template-rows: 50px auto;
            overflow: hidden;
        }

        .top {
            grid-column-start: 1;
            grid-column-end: 3;
            background: rgba(78, 160, 168);
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .left {
            background: rgba(119, 215, 224);
        }

        .menu {
            background: rgba(155, 213, 218);
            color: #fff;
            padding: 15px 20px;
            display: grid;
            grid-template-columns: 25px auto;
        }

        #frmain {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div class="top">
        <svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6" width="32" height="32">
            <path fill-rule="evenodd" d="M7.5 6v.75H5.513c-.96 0-1.764.724-1.865 1.679l-1.263 12A1.875 1.875 0 004.25 22.5h15.5a1.875 1.875 0 001.865-2.071l-1.263-12a1.875 1.875 0 00-1.865-1.679H16.5V6a4.5 4.5 0 10-9 0zM12 3a3 3 0 00-3 3v.75h6V6a3 3 0 00-3-3zm-3 8.25a3 3 0 106 0v-.75a.75.75 0 011.5 0v.75a4.5 4.5 0 11-9 0v-.75a.75.75 0 011.5 0v.75z" clip-rule="evenodd" />
        </svg>
        <span>普吉岛管理后台</span>
    </div>
    <div class="left">
        <div class="menu" onclick="goTo('/admin/weddingdress')">
            <i class='fa fa-home'></i><span>婚纱管理</span>
        </div>
        <div class="menu" onclick="goTo('/admin/rend')">
            <i class='fa fa-user'></i><span>预约管理</span>
        </div>
        <div class="menu" onclick="goTo('/admin/user')">
            <i class='fa fa-key'></i><span>用户管理</span>
        </div>
        <div class="menu" onclick="window.top.location.href='/admin/loginout'">
            <i class='fa fa-mail-reply-all'></i><span>退出登录</span>
        </div>
    </div>
    <div class="main"><iframe src="" name='main' id='frmain' frameborder="0"></iframe></div>


    <script>
        window.main.location.href = '/admin/weddingdress';

        function goTo(url) {
            window.main.location.href = url;
        }
    </script>
</body>

</html>